<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>农村宅基地信息管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/nav.css">
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link type="text/css" rel="stylesheet" href="lib/4.10/esri/css/main.css">
    <link type="text/css" rel="stylesheet" href="lib/jquery/themes/default/easyui.css">
    <link type="text/css" rel="stylesheet" href="lib/jquery/themes/icon.css">
    <link type="text/css" rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="nav">
    <div class="nav-top">
        <div id="mini" style="border-bottom:1px solid rgba(255,255,255,.1)"><img src="img/mini.png" ></div>
    </div>
    <ul>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_1"></i><span>日常管理</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li><a href="javascript:;" id="editBtn"><span>属性编辑</span><i class="iconfont"></i></a></li>
                <li><a href="javascript:;" id="import"><span>数据导入</span></a></li>
                <li><a href="javascript:;" onclick="exportData()"><span>数据导出</span></a></li>
                <li><a href="javascript:;" id="print"><span>地图打印</span><i class="iconfont"></i></a></li>
                <li ><a href="javascript:;" onclick="showObligee(0)"><span>权利人信息</span></a></li>
                <li ><a href="javascript:;" onclick="showObligee(1)"><span>宗地信息</span></a></li>
                <li ><a href="javascript:;" onclick="showObligee(2)"><span>房屋信息</span></a></li>
                <li ><a href="javascript:;" onclick="showObligee(3)"><span>界址点信息</span></a></li>
                <li ><a href="javascript:;" onclick="showObligee(4)"><span>界址线信息</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_2"></i><span>查询与统计</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li><a href="javascript:;" ><span>点查询</span></a></li>
                <li><a href="javascript:;" id="drawLine"><span>线查询</span></a></li>
                <li><a href="javascript:;" id="drawArea"><span>面查询</span></a></li>
                <li><a href="javascript:;" id="conditionalQuery"><span>属性查询</span></a></li>
                <li><a href="javascript:;" ><span>模糊查询</span></a></li>
                <li><a href="javascript:;" id="statics"><span>统计</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_3"></i><span>审批登记</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li><a href="javascript:;" onclick="openApply()"><span>申请</span></a></li>
                <li><a href="javascript:;" onclick="approval()"><span>审批</span></a></li>
                <li><a href="javascript:;" onclick="makeCertificate()"><span>发证</span></a></li>
                <li><a href="javascript:;" onclick="changePeople()"><span>变更</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_4"></i><span>征地拆迁</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li ><a href="javascript:;" id="drawExtent"><span>范围圈定</span></a></li>
                <li ><a href="javascript:;" id="costEstimate" class="a_disable"><span>费用评估</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_5"></i><span>空间分析</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li id="pointBuffer"><a href="javascript:;"><span>点缓冲区</span></a></li>
                <li id="lineBuffer"><a href="javascript:;"><span>线缓冲区</span></a></li>
                <li id="areaBuffer"><a href="javascript:;"><span>面缓冲区</span></a></li>
                <li id="sitePlan"><a href="javascript:;" onclick="siteSelection()"><span>新宅选址</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_6"></i><span>互动交流</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li><a href="consultation.html" target="_blank"><span>在线咨询</span></a></li>
                <li><a href="complaint.html" target="_blank"><span>投诉举报</span></a></li>
                <li><a href="questionnaire.html" target="_blank"><span>网上调查</span></a></li>
            </ul>
        </li>
        <li class="nav-item">
            <a href="javascript:;"><i class="iconfont nav-icon icon_7"></i><span>系统管理</span><i class="iconfont nav-more"></i></a>
            <ul>
                <li><a href="javascript:;" onclick="showPrivilegeManager()"><span>权限管理</span></a></li>
                <li><a href="javascript:;" onclick="showUserManager()"><span>用户管理</span></a></li>
            </ul>
        </li>
    </ul>
</div>
<div id="map">
</div>
<div id="rightbar" class="topView">
    <button class="action-button esri-icon-layer-list" id="layerButton" type="button"
            title="图层管理"></button>
    <button class="action-button esri-icon-basemap" id="baseMapButton" type="button"
            title="底图切换"></button>
</div>
<div id="baseMapDiv" class="topView">
    <div>
        <ul>
            <li class="choose" onclick="setBaseMap(this,'osm')">
                <img src="img/osm.png">
                <a>Open Street Map</a>
            </li>
            <li onclick="setBaseMap(this,'satellite')">
                <img src="img/satellite.png">
                <a>ESRI卫星图</a>
            </li>
            <li onclick="setBaseMap(this,'hybrid')">
                <img src="img/hybird.png">
                <a>hybrid</a>
            </li>
            <li onclick="setBaseMap(this,'terrain')">
                <img src="img/terrin.png">
                <a>地形图</a>
            </li>
            <li onclick="setBaseMap(this,'1')">
                <img src="img/google.png">
                <a>谷歌地图</a>
            </li>
            <li onclick="setBaseMap(this,'2')">
                <img src="img/googles.png">
                <a>谷歌卫星图</a>
            </li>
            <li onclick="setBaseMap(this,'4')">
                <img src="img/googley.png">
                <a>谷歌晕渲图</a>
            </li>
            <li onclick="setBaseMap(this,'5')">
                <img src="img/gaode.png">
                <a>高德地图</a>
            </li>
            <li onclick="setBaseMap(this,'3')">
                <img src="img/night.png">
                <a>夜间模式</a>
            </li>
        </ul>
    </div>
</div>
<!--查询结果表格-->
<div id="tableWindow" class="easyui-window" closed="true" title="查询结果" style="width:500px;height:300px;">
    <!--<div class="easyui-layout" data-options="fit:true">-->
        <!--<div data-options="region:'center',fit:true">-->
            <table id="queryTable" style="width: 100%;height: 100%">
            </table>
        <!--</div>-->
    <!--</div>-->
</div>
<!--查询对话框-->
<div id="dialog" class="easyui-dialog" closed="true" title="条件查询" style="width:400px;height:300px;"
     data-options="iconCls:'icon-search',resizable:true,modal:true">
    <table cellpadding="5">
        <tr>
            <td>权属人:</td>
            <td><input class="easyui-textbox" id="dialog_people" type="text"/></td>
        </tr>
        <tr>
            <td>地类号:</td>
            <td><input class="easyui-textbox" id="dialog_dln" type="text"/></td>
        </tr>
        <tr>
            <td>图斑号:</td>
            <td><input class="easyui-textbox" id="dialog_tbn" type="text"/></td>
        </tr>
        <tr>
            <td>占地类型:</td>
            <td>
                <select class="easyui-combobox" id="dialog_type">
                    <option value="1" selected="selected"></option>
                    <option value="村庄">村庄</option>
                    <option value="有林地">有林地</option>
                    <option value="旱地">旱地</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>所属村组:</td>
            <td>
                <select class="easyui-combobox" id="dialog_belong">
                    <option value="1" selected="selected"></option>
                    <option value="关帝村集体">关帝村集体</option>
                    <option value="关帝村集体">关帝村一组</option>
                    <option value="关帝村二组">关帝村二组</option>
                    <option value="关帝村三组">关帝村三组</option>
                    <option value="关帝村五组">关帝村五组</option>
                    <option value="关帝村六组">关帝村六组</option>
                    <option value="关帝村七组">关帝村七组</option>
                    <option value="关帝村八组">关帝村八组</option>
                    <option value="关帝村九组">关帝村九组</option>
                    <option value="关帝村十组">关帝村十组</option>
                    <option value="关帝村十一组">关帝村十一组</option>
                    <option value="关帝村十二组">关帝村十二组</option>
                    <option value="关帝村十三组">关帝村十三组</option>
                    <option value="关帝村十四组">关帝村十四组</option>
                    <option value="关帝村十五组">关帝村十五组</option>
                    <option value="关帝村十六组">关帝村十六组</option>
                    <option value="关帝村十七组">关帝村十七组</option>
                    <option value="关帝村十八组">关帝村十八组</option>
                    <option value="关帝村十九组">关帝村十九组</option>
                </select>
            </td>
        </tr>
    </table>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()">确定</a>
    </div>
</div>

<div id="dialog_statics" class="easyui-dialog" closed="true" title="统计" style="width:400px;height:300px;"
     data-options="iconCls:'icon-sum',resizable:true,modal:true">
    <form style="padding-left: 10px">
        <div style="margin-top:10px">
            <input class="easyui-radiobutton" id="statics_type" name="statics_type" value="0" label="所属村组" checked>
        </div>
        <div style="margin-top:10px;margin-bottom: 10px">
            <input class="easyui-radiobutton" name="statics_type" value="1" label="占地类型">
        </div>
        <div style="margin-top:10px;margin-bottom: 10px">
            <input class="easyui-radiobutton" id="statics_base" name="statics_type" value="2" label="基础统计" onchange="radioChange()">
            <select class="easyui-combobox" id="statics_base_s" name="state"  disabled style="width:200px;" >
                <option value="AL">宅基地占地面积</option>
                <option value="AK">耕地面积</option>
                <option value="AZ">房屋占地面积</option>
                <option value="AR">房屋结构</option>
            </select>
        </div>
        <div style="margin-top:10px;margin-bottom: 10px">
            <input class="easyui-radiobutton" id="statics_problem" name="statics_type" value="3" label="问题宅基地统计" onchange="radioChange()">
            <select class="easyui-combobox" id="statics_problem_s" name="state" disabled style="width:200px;">
                <option value="AL">闲置宅基地</option>
                <option value="AK">一户多宅</option>
                <option value="AZ">超标</option>
                <option value="AR">蚕食耕地</option>
                <option value="AR">未批就建</option>
            </select>
        </div>
    </form>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="subStatics()">统计</a>
    </div>
</div>

<div id="dialog_statics_result" class="easyui-dialog" closed="true" title="统计结果" style="width:1000px;height:500px;"
     data-options="iconCls:'icon-search',resizable:false,modal:true">
    <iframe src="chart.html" id="chart_frame" style="width: 100%;height: 100%"></iframe>
</div>

<div id="dialog_extend" class="easyui-dialog" closed="true" title="条件查询" style="width:400px;height:200px;"
     data-options="iconCls:'icon-search',resizable:true,modal:true">
    <table cellpadding="5">
        <tr>
            <td>征地价格（元/平方米）:</td>
            <td><input class="easyui-textbox" id="cost_per" type="number"/></td>
        </tr>
        <tr>
            <td>计算方法:</td>
            <td>
                <form>
                    <input class="easyui-radiobutton" id="cost_type" name="cost_type" value="0" label="地块编号"
                           checked><br>
                    <input class="easyui-radiobutton" name="cost_type" value="0" label="户主姓名">
                </form>
            </td>
        </tr>
    </table>
    <div style="text-align:center;padding:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="calcuteCost()">确定</a>
    </div>
</div>
<div id="dialog_choose" class="easyui-dialog" closed="true" title="文件选择" style="width:400px;height:300px;"
     data-options="iconCls:'icon-search',resizable:true,modal:true">
    <input type="file" id="chooseFile" style="margin-top: 5px;margin-left: 5px" onchange="readJson()">
    <input class="easyui-textbox" id="jsonResult" data-options="multiline:true" value="" style="width:100%;height:180px">
    <div style="text-align:center;padding-top:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="commitFile()">确定</a>
    </div>
</div>

<div id="dialog_apply" class="easyui-dialog"  closed="true" title="宅基地申请" style="width:400px;height:300px;"
     data-options="iconCls:'icon-search',resizable:true,modal:true">
    <table cellpadding="5">
        <tr>
            <td>申请人姓名:</td>
            <td><input class="easyui-textbox" id="apply_people" type="text" required="required" missingMessage="必填"/></td>
        </tr>
        <tr>
            <td>性别:</td>
            <td><input class="easyui-switchbutton" checked data-options="onText:'男',offText:'女'"></td>
        </tr>
        <tr>
            <td>年龄:</td>
            <td><input class="easyui-numberspinner" id="apply_age" required="required" missingMessage="必填" data-options="min:10,max:100,increment:1"/></td>
        </tr>
        <tr>
            <td>地址:</td>
            <td><input class="easyui-textbox" id="apply_address" type="text" required="required" missingMessage="必填"/></td>
        </tr>
        <tr>
            <td>面积(平方米):</td>
            <td><input type="text" id="apply_area" class="easyui-numberbox" data-options="disabled:true"></td>
        </tr>
        <tr>
            <td>申请原因:</td>
            <td><input class="easyui-textbox" id="apply_reason" type="text" required="required" missingMessage="必填"/></td>
        </tr>
    </table>
    <div style="text-align:center;padding-top:5px">
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="applyDraw()">范围圈定</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" onclick="closeApply()">确定</a>
    </div>
</div>

<div id="update" class="esri-widget esri-hidden">
    <div id="form" class="scroller esri-component"></div>
    <input type="button" class="esri-button" value="修改" id="btnUpdate">
</div>

<div id="approvalWindow" class="easyui-window" closed="true" title="宅基地审批" style="width:800px;height:500px;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center'">
            <table id="approvalTable" style="width: 100%">
            </table>
        </div>
    </div>
</div>
<div id="changeWindow" class="easyui-window" closed="true" title="宅基地审批" style="width:800px;height:500px;">
    <div class="easyui-layout" data-options="fit:true">
        <div data-options="region:'center'">
            <div>
                <table id="changeInfo" style="width:100%"></table>
            </div>
            <div>
                <a href="#" onclick="submitChange()" class="easyui-linkbutton" style="width:100%">提交</a>
            </div>
        </div>
    </div>
</div>

<div class="bufferDisInput">缓冲区设置距离<input class="easyui-numberspinner" id="distance" value="100" data-options="increment:10" style="width:120px;"/>
</div>
<div id="topbar" class="topView">
    <button class="action-button esri-icon-minus" id="distanceButton" type="button"
            title="测距"></button>
    <button class="action-button esri-icon-polygon" id="areaButton" type="button"
            title="测面积"></button>
</div>

<script>
    dojoConfig = {
        has: {
            "dojo-firebug": true,
            "dojo-debug-messages": true
        },
        baseUrl: "lib/4.10/dojo/",
        parseOnLoad: false,
        //用于页面加载时立即加载的JS依赖
        packages: [{
            name: "myModule",
            location: location.pathname.replace(/\/[^/]*$/, '') + "/module",
            main: "UIControl"
        }]
    }
</script>
<script src="lib/4.10/init.js"></script>
<script src="lib/jquery-1.8.0.min.js"></script>
<script src="lib/jquery/jquery.easyui.min.js"></script>
<script type="text/javascript" src="lib/nav.js"></script>
<script src="js/common.js"></script>
<script src="js/map.js"></script>
<script src="js/btnEvent.js"></script>
<script src="lib/FileSaver.js"></script>

<script>

</script>
</body>
</html>